<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>background-repeat</title>
		<style type="text/css">
			span{
				display: inline-block;
				width: 100px;
				height: 100px;
				border: 1px solid blue;
				background-image:url(../img/i.jpg) ;
			}
			span:nth-of-type(1){
				background-repeat:repeat ;
			}
			span:nth-of-type(2){
				background-repeat:repeat-x ;
			}
			span:nth-of-type(3){
				background-repeat:repeat-y ;
			}
			span:nth-of-type(4){
				background-repeat:no-repeat ;
			}
			
		</style>
	</head>
	<body>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</body>
</html>
